<!DOCTYPE html>
<!--[if lt IE 7]> <html dir="ltr" lang="en-US" class="ie6"> <![endif]-->
<!--[if IE 7]>    <html dir="ltr" lang="en-US" class="ie7"> <![endif]-->
<!--[if IE 8]>    <html dir="ltr" lang="en-US" class="ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html dir="ltr" lang="en-US"> <!--<![endif]-->

<!-- BEGIN head -->
<head>

	<!--Meta Tags-->
	<meta name="viewport" content="width=device-width; initial-scale=1.0" />
	
		
	<!--Title-->
	<title>Organic Shop - A Premium HTML Template for Ecommerce Websites</title>

	<!--Stylesheets-->
	<link rel="stylesheet" href="css/superfish.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all" />
	<link type="text/css" href="css/jqueryui/jquery.ui.datepicker.css" rel="stylesheet" />
	<link rel="stylesheet" href="style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
	<link rel="stylesheet" href="css/colours/green.css" type="text/css" media="all" />
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css' />
	<link href='http://fonts.googleapis.com/css?family=Cardo:400,400italic,700' rel='stylesheet' type='text/css' />

	<!--Favicon-->
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

	<!--JavaScript-->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js'></script>
	<script type='text/javascript' src='js/jquery.prettyPhoto.js'></script>
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	
	<!--[if (gte IE 6)&(lte IE 8)]>
		<script type="text/javascript" src="js/selectivizr-min.js"></script>
	<![endif]-->

<!-- END head -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<!-- BEGIN body -->
<body>
	
	<!-- BEGIN .wrapper -->
	<div class="wrapper">
		
		<!-- BEGIN .topbar -->
		<div class="topbar clearfix">
			
			<!-- BEGIN .social-icons -->
			<ul class="social-icons">
				<li><a href="#"><span id="twitter_icon"></span></a></li>
				<li><a href="#"><span id="facebook_icon"></span></a></li>
				<li><a href="#"><span id="googleplus_icon"></span></a></li>
				<li><a href="#"><span id="skype_icon"></span></a></li>
				<li><a href="#"><span id="flickr_icon"></span></a></li>
				<li><a href="#"><span id="linkedin_icon"></span></a></li>
				<li><a href="#"><span id="vimeo_icon"></span></a></li>
				<li><a href="#"><span id="youtube_icon"></span></a></li>
				<li><a href="#"><span id="rss_icon"></span></a></li>
			<!-- END .social-icons -->
			</ul>
			
			<!-- BEGIN .topbar-right -->
			<div class="topbar-right clearfix">
				
				<ul class="clearfix">
					<li class="checkout-icon"><a href="checkout.html">Checkout</a></li>
					<li class="myaccount-icon"><a href="my-account.html">My Account</a></li>
				</ul>
		
				<div class="cart-top">
					<p><a href="cart.html">9 Items</a></p>
				</div>
				
			<!-- END .topbar-right -->
			</div>
		
		<!-- END .topbar -->
		</div>
		
		<!-- BEGIN #site-title -->
		<div id="site-title">
			<a href="index.html">
				<h1>Organic <span>shop</span></h1>
			</a>
		<!-- END #site-title -->
		</div>
		
		<!-- BEGIN .main-menu-wrapper -->
		<div id="main-menu-wrapper" class="clearfix">
			
			<ul id="main-menu" class="fl">
				<li class="current_page_item"><a href="index.html">Home</a></li>
				<li><a href="products.html">Products</a>
					<ul>
						<li><a href="product-single.html">Cleansers</a></li>
						<li><a href="product-single.html">Exfoliators &amp; Masks</a></li>
						<li><a href="product-single.html">Toners</a></li>
						<li><a href="product-single.html">Moisturisers</a>
							<ul>
								<li><a href="product-single.html">Hands</a></li>
								<li><a href="product-single.html">Face</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li><a href="testimonials.html">Testimonials</a></li>
				<li><a href="typography.html">About</a>
					<ul>
						<li><a href="typography.html">Typography</a></li>
						<li><a href="js-elements.html">JS Elements</a></li>
					</ul>
				</li>
				<li><a href="contact.html">Contact</a></li>	
			</ul>
			
			<form method="get" action="#" id="menu-search" class="fr" />
				<input type="text" name="s" />
			</form>
		
		<!-- END .main-menu-wrapper -->	
		</div>
		
		<div id="page-header">
			<img src="images/page-header1.jpg" alt="" />
		</div>
		
		<!-- BEGIN .section -->
		<div class="section page-content clearfix">
	
			<h2 class="page-title">Checkout</h2>

			<div class="msg notice"><p>Already have an account? <a href="#">Login now</a></p></div>
			
			<form method="post" action="#" />
			
				<ul class="columns-2 checkout-form clearfix">
					<li class="col2 clearfix">
					
						<div class="tag-title-wrap clearfix">
							<h4 class="tag-title">Billing Addresses</h4>
						</div>
					
						<input class="half-input fl" type="text" name="first-name" onblur="if(this.value=='')this.value='First name';" onfocus="if(this.value=='First name')this.value='';" value="First name" />
						<input class="half-input fr" type="text" name="last-name" onblur="if(this.value=='')this.value='Last name';" onfocus="if(this.value=='Last name')this.value='';" value="Last name" />
					
						<input class="full-input" type="text" name="company" onblur="if(this.value=='')this.value='Company';" onfocus="if(this.value=='Company')this.value='';" value="Company" />
					
						<input class="full-input" type="text" name="address" onblur="if(this.value=='')this.value='Address';" onfocus="if(this.value=='Address')this.value='';" value="Address" />
					
						<input class="half-input fl" type="text" name="city" onblur="if(this.value=='')this.value='City';" onfocus="if(this.value=='City')this.value='';" value="City" />
						<input class="half-input fr" type="text" name="postcode" onblur="if(this.value=='')this.value='Postcode';" onfocus="if(this.value=='Postcode')this.value='';" value="Postcode" />
					
						<input class="half-input fl" type="text" name="country" onblur="if(this.value=='')this.value='Country';" onfocus="if(this.value=='Country')this.value='';" value="Country" />
						<input class="half-input fr" type="text" name="state-county" onblur="if(this.value=='')this.value='State/County';" onfocus="if(this.value=='State/County')this.value='';" value="State/County" />
					
						<input class="half-input fl" type="text" name="email-address" onblur="if(this.value=='')this.value='Email Address';" onfocus="if(this.value=='Email Address')this.value='';" value="Email Address" />
						<input class="half-input fr" type="text" name="phone" onblur="if(this.value=='')this.value='Phone number';" onfocus="if(this.value=='Phone number')this.value='';" value="Phone number" />
					
					</li>

					<li class="col2 clearfix">
					
						<div class="tag-title-wrap clearfix">
							<h4 class="tag-title">Shipping Addresses</h4>
						</div>
					
						<input class="half-input fl" type="text" name="first-name" onblur="if(this.value=='')this.value='First name';" onfocus="if(this.value=='First name')this.value='';" value="First name" />
						<input class="half-input fr" type="text" name="last-name" onblur="if(this.value=='')this.value='Last name';" onfocus="if(this.value=='Last name')this.value='';" value="Last name" />
					
						<input class="full-input" type="text" name="company" onblur="if(this.value=='')this.value='Company';" onfocus="if(this.value=='Company')this.value='';" value="Company" />
					
						<input class="full-input" type="text" name="address" onblur="if(this.value=='')this.value='Address';" onfocus="if(this.value=='Address')this.value='';" value="Address" />
					
						<input class="half-input fl" type="text" name="city" onblur="if(this.value=='')this.value='City';" onfocus="if(this.value=='City')this.value='';" value="City" />
						<input class="half-input fr" type="text" name="postcode" onblur="if(this.value=='')this.value='Postcode';" onfocus="if(this.value=='Postcode')this.value='';" value="Postcode" />
					
						<input class="half-input fl" type="text" name="country" onblur="if(this.value=='')this.value='Country';" onfocus="if(this.value=='Country')this.value='';" value="Country" />
						<input class="half-input fr" type="text" name="state-county" onblur="if(this.value=='')this.value='State/County';" onfocus="if(this.value=='State/County')this.value='';" value="State/County" />
					
						<input class="half-input fl" type="text" name="email-address" onblur="if(this.value=='')this.value='Email Address';" onfocus="if(this.value=='Email Address')this.value='';" value="Email Address" />
						<input class="half-input fr" type="text" name="phone" onblur="if(this.value=='')this.value='Phone number';" onfocus="if(this.value=='Phone number')this.value='';" value="Phone number" />
					
					</li>
				</ul>
			
				<div class="tag-title-wrap clearfix">
					<h4 class="tag-title">Order Notes</h4>
				</div>
			
				<p style="margin: 0 0 15px 0;">Add any additional information here such as special delivery requires etc</p>
				<textarea name="message" id="message_text" class="text_input" cols="60" rows="9"></textarea>
			
				<div class="tag-title-wrap clearfix">
					<h4 class="tag-title">Payment Method</h4>
				</div>
			
				<p class="radio-wrapper"><input type="radio" name="payment-method" value="credit-card" /> Credit Card</p>
				<p class="radio-wrapper"><input type="radio" name="payment-method" value="paypal" /> Paypal</p>
				<p><input type="radio" name="payment-method" value="direct-bank-transfer" /> Direct Bank Transfer</p>
			
				<div class="tag-title-wrap clearfix">
					<h4 class="tag-title">Your Order</h4>
				</div>
			
				<table width="100%" class="account-table">
					<thead>
						<tr>
							<th>Product #</th>
							<th>Product Name</th>
							<th>Qty</th>
							<th>Unit Price</th>
							<th>Total Price</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty">1</td>
							<td data-title="Unit Price">£49.99</td>
							<td data-title="Total Price">£49.99</td>
						</tr>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty">1</td>
							<td data-title="Unit Price">£49.99</td>
							<td data-title="Total Price">£49.99</td>
						</tr>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty">1</td>
							<td data-title="Unit Price">£49.99</td>
							<td data-title="Total Price">£49.99</td>
						</tr>
						<tr>
							<td data-title="Product #">0123</td>
							<td data-title="Product Name">Summer Berry Candle Set</td>
							<td data-title="Qty">1</td>
							<td data-title="Unit Price">£49.99</td>
							<td data-title="Total Price">£49.99</td>
						</tr>
					</tbody>
				</table>
			
				<div class="form-third">
			
					<div class="tag-title-wrap clearfix">
						<h4 class="tag-title">Total</h4>
					</div>
			
					<table width="100%" class="account-table">
						<tbody>
							<tr>
								<td><strong>Subtotal</strong></td>
								<td>£599.88</td>
							</tr>
							<tr>
								<td><strong>Shipping</strong></td>
								<td>Free Shipping</td>
							</tr>
							<tr>
								<td><strong>Order Total</strong></td>
								<td>£599.88</td>
							</tr>
						</tbody>
					</table>
			
					<input class="button2 fr" type="submit" value="Place Order &raquo;" id="submit" name="submit" />
			
				</div>
			
			</form>

		<!-- END .section -->
		</div>

		<!-- BEGIN #footer -->
		<div id="footer">
			
			<ul class="columns-4 clearfix">
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Customer Services</h6>
						</div>
						
						<ul>
							<li class="contact-phone">+44 0123456789</li>
							<li class="contact-mail">mail [at] website [dot] com</li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Categories</h6>
						</div>
						
						<ul>
							<li><a href="#">Skin Care</a></li>
							<li><a href="#">Bath &amp; Body Care</a></li>
							<li><a href="#">Fragrance</a></li>
							<li><a href="#">Make-Up</a></li>
							<li><a href="#">Hair</a></li>
							<li><a href="#">Moisturisers</a></li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Tags</h6>
						</div>
						
						<ul class="wp-tag-cloud clearfix">
							<li><a href="#">Body Scrubs</a></li>
							<li><a href="#">Eye Care</a></li>
							<li><a href="#">Eyes</a></li>
							<li><a href="#">Lips</a></li>
							<li><a href="#">Cheeks</a></li>
							<li><a href="#">Candles</a></li>
							<li><a href="#">Shampoo</a></li>
							<li><a href="#">Conditioner</a></li>
							<li><a href="#">Body Wash</a></li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>Flickr</h6>
						</div>
						
						<div class="flickr_badge_wrapper clearfix">
							
							<div style="clear:both;margin:0 0 10px 0;"></div>
							<p class="button2"><a href="http://sc.chinaz.com/">sc.chinaz.com</a></p>
						</div>
						
					<!-- END .widget -->
					</div>
					
				</li>
			</ul>
		
		<!-- END #footer -->
		</div>
		
		<div id="footer-bottom" class="clearfix">
			
			<div class="fl">
				
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="contact.html">Contact Us</a></li>
					<li><a href="products.html">Products</a></li>
				</ul>
				
				<p>&copy; Copyright 2013</p>
				
			</div>
			
			<div class="fr">
				<img src="images/payment-methods.png" alt="Payment Methods" />
			</div>
			
		</div>
			
	<!-- END .wrapper -->
	</div>
	
<!-- END body -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>